@import '@/assets/styles/hairline.scss';

.root {
  :global {
    .input-item {
      position: relative;

      &:first-child {
        margin-bottom: 17px;
      }

      .input-box {
        position: relative;
        @include hairline(bottom, #efefef);

        .input {
          width: 100%;
          height: 58px;
          padding: 0;
          font-size: 16px;

          &::placeholder {
            color: #a5a6ab;
          }
        }

        .extra {
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -8px;
          color: #999;
        }

        .validate {
          position: absolute;
          color: #ee0a24;
          font-size: 12px;
        }
      }
    }
  }
}
